<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首都医科大学附属小学</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" />
		<meta name="author" content="say"/>
		<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="../font/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../css/student.css"/>
		<link rel="stylesheet" type="text/css" href="../css/theme-green.css"/>
		<link rel="stylesheet" href="../css/jquery.dialogbox.css" />
		<script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="../js/main.js" ></script>
		<script type="text/javascript" src="../js/jquery.dialogBox.js" ></script>
	</head>
	<body>
		<div class="header-top-fixed">
			<div class="w1080">
				<ul class="top-navbar">
					<li><a href="#">门户网站</a></li>
					<li><a href="#">德育信息</a></li>
					<li><a href="#">七彩少年</a></li>
					<li><a href="#">和雅教师</a></li>
					<li><a href="#">微课学习</a></li>
					<li><a href="#">微探交流</a></li>
				</ul>
				<ul class="navbar-right">
					<li><a href="#"><i class="fa fa-home"></i> 返回首页</a></li>
					<li><a href="#"><i class="fa fa-sign-out"></i> 退出</a></li>
				</ul>
			</div>
		</div>
		<div class="header">
			<div class="user-div">
				<img src="../images/users.jpg"/>
			</div>
			<div class="header-con">
				<h2>首医附小学生空间</h2>
				<div class=" user-msg">
					<a href="#">
						<span id="">
							李彩优
						</span>
					</a>
					<div class="fenshu">
						<a href="#" class="jifen">
							<i></i>
							积分
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
						<a href="#" class="xunz">
							<i></i>
							勋章 
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
					</div>
					<div class="clear"></div>
					<div class="header-navbar">
						<ul>
							<li><a href="#">个人中心</a></li>
							<li><a href="#">个人空间</a></li>
							<li><a href="#">德育信息</a></li>
							<li><a href="#">微课学习</a></li>
							<li><a href="#">微探交流</a></li>
							<li><a href="#">艺术与鉴赏</a></li>
							<li class="active"><a href="#">社团活动</a></li>
							<li><a href="#">更多</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="point-div stu-d">
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-bell-o"></i>
							<span id="">
								11
							</span>
						</a>
						<span id="">
							消息
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-commenting-o"></i>
							<span id="">
								23
							</span>
						</a>
						<span id="">
							评论
						</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="containter">
			<div class="sider">
				<div class="con-div sider-div">
					<div class="sider-top">
						社团活动
					</div>
					<div class="sider-con zhandian">
						<ul>
							<li><a href="#"><i class="icon icon-dangan "></i>社团</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>我的社团</a></li>
							<li class="actived"><a href="#"><i class="icon icon-dangan "></i>社团活动</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>活动作品</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content content-lg">
				<div class="main-div con-div">
					<div class="main-top">
						<ul class="tab-btn">
							<li class="top-seclect"><a href="#">社团活动</a></li>
						</ul>
					</div>
					<div class=" con-list">
						<ul class="pro-tab ">
							<li class="tabactive"><a href="#">社团活动简介</a></li>
						</ul>
						<div class="userp org-intro">
							<img src="../images/20170703173816.jpg"/>
						</div>
						<div class="profile org-profile">
							<p class="lh-28">
								<b>小戏剧社团</b><br>	
							</p>
							<p class="lh-28"><span class="p1">社团地址: </span><span class="book-number">北京首都医科大学附属小学东校区教学楼302室</span></p>
							<p class="lh-28"><span class="p1">社团指导老师: </span><span class="book-number">刘晶</span></p>
							<p class="lh-28"><span class="p1">社团简介: </span><span class="book-number">
								戏剧艺术是由语言、动作、舞蹈、音乐等多种艺术成分组成的综合艺术。中小学的戏剧教育是艺术教育的重要组成部分，已纳入学校教育的范畴。右安门一小戏剧社团自成立以来，一直坚持为了全面贯彻素质教育理念，营造良好的校园文化氛围和提高学生的舞台表演艺术，实现学校文化育人的理念，拓展学生兴趣领域，为戏剧表演爱好者提供一个施展才华的园地。同时也加强了我校的艺术文化交流，挖掘培养我校的戏剧表演新秀，为校园文化的创建增添一笔鲜艳的色彩。
							</span>
							</p>
						</div>
						<div class="apply">
							<button class="btn btn-striped"><i class="fa fa-plus"></i> 申请加入</button>
						</div>
					</div>
						<div class=" con-list">
							<div class="pro-list">
								<ul class="pro-tab">
									<li class="tabactive"><a href="#">指导老师简介</a></li>
								</ul>
								<div class="userp tch-intro">
									<img src="../images/user-3.jpg"/>
								</div>
								<div class="profile tch-profile">
									<p class="lh-28">
										<b>指导老师：刘晶</b><br>
										
									</p>
									<p class="lh-28"><span class="p1">指导老师简介: </span><span class="book-number">
										刘晶
										2005年毕业于南京艺术学院音乐系声乐专业，抒情性戏剧男高音。2006年元月，参加江苏省教育界艺术家代表团赴日本参加在日本明古屋的马勒《第八交响曲》演出。2009年参加在云南昆明举行的全国城市职工歌手邀请赛，以一曲意大利歌剧咏叹调《今夜无人入睡》夺得该比赛的冠军。曾跟随指挥家吴式铨老师学习指挥法，由于工作中的成绩突出，于2012年被文化部，教育部，共青团中央，广电总局北京市委联合评为全国优秀指导教师</span>
									</p>
								</div>
							</div>
							<div class="pro-list">
								<ul class="pro-tab" >
									<li class="tabactive"><a href="#">社团成员列表</a></li>
								</ul>
								<div class="pro-con" style="margin-top:10px;">
									<div class="" style="padding:10px 0px;line-height: 24px;">
										<ul class="sider-con ">
											<li>
												<a href="#" target="_blank"><img src="images/student/linhaoran.png" alt=""></a>
												<span>林浩然</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/liuhuidong.png" alt=""></a>
												<span>刘慧东</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/liujinxuan.png" alt=""></a>
												<span>刘槿萱</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/liumohan.png" alt=""></a>
												<span>刘墨涵</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/liuxinyu.png" alt=""></a>
												<span>刘欣雨</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/liuzhilin.png" alt=""></a>
												<span>刘智临</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/tengche.png" alt=""></a>
												<span>藤澈</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/tianwenmiao.png" alt=""></a>
												<span>田文淼</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/wangtianlin.png" alt=""></a>
												<span>王天霖</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/wangyiran.png" alt=""></a>
												<span>王一然</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/xiaotian.png" alt=""></a>
												<span>肖天</span>
											</li>
											<li>
												<a href="#" target="_blank"><img src="images/student/xuzijie.png" alt=""></a>
												<span>徐子杰</span>
											</li>
										</ul>
									</div>	
								</div>	
							</div>
							<div class="pro-list" style="position: relative;">
								<ul class="pro-tab" id="pro-tab">
									<li class="tabactive"><a href="#">社团活动列表</a></li>
									<li><a href="#">活动获奖列表</a></li>
									<div class="clear"></div>
								</ul>
								<div class="clear"></div>
								<div class="pro-con" style="margin-top:10px;">
									<div class="introword" style="padding:10px 20px;line-height: 24px;display: none;">
										<div class="hrtjzz">
		          							<div class="hrtjzz-content">
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity2.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2006年学校戏曲知识讲座 ">2006年学校戏曲知识讲座</a></h3>
									                  		<p><a href="#" target="_blank" title="社团活动名称时间：2006年5月15日">社团活动名称时间：2006年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity2.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2007年学校戏曲知识讲座 ">2007年学校戏曲知识讲座</a></h3>
									                  		<p><a href="#" target="_blank" title="社团活动名称时间：2007年5月15日">社团活动名称时间：2007年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity2.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2008年学校戏曲知识讲座 ">2008年学校戏曲知识讲座</a></h3>
									                  		<p><a href="#" target="_blank" title="社团活动名称时间：2008年5月15日">社团活动名称时间：2008年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity2.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2009年学校戏曲知识讲座 ">2009年学校戏曲知识讲座</a></h3>
									                  		<p><a href="#" target="_blank" title="社团活动名称时间：2009年5月15日">社团活动名称时间：2009年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity2.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2010年学校戏曲知识讲座 ">2010年学校戏曲知识讲座</a></h3>
									                  		<p><a href="#" target="_blank" title="社团活动名称时间：2010年5月15日">社团活动名称时间：2010年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									        </div>
								        </div>
									</div>
									<div class="introword" style="padding:10px 20px;line-height: 24px;display: none;">
										<div class="hrtjzz">
		          							<div class="hrtjzz-content">
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity3.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2006年丰台区戏曲比赛一等奖 ">2006年丰台区戏曲比赛一等奖</a></h3>
									                  		<p><a href="#" target="_blank" title="获奖活动时间：2006年5月15日">获奖活动时间：2006年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity3.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2007年丰台区戏曲比赛一等奖 ">2007年丰台区戏曲比赛一等奖</a></h3>
									                  		<p><a href="#" target="_blank" title="获奖活动时间：2007年5月15日">获奖活动时间：2007年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity3.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2008年丰台区戏曲比赛一等奖 ">2008年丰台区戏曲比赛一等奖</a></h3>
									                  		<p><a href="#" target="_blank" title="获奖活动时间：2008年5月15日">获奖活动时间：2008年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity3.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2009年丰台区戏曲比赛一等奖 ">2009年丰台区戏曲比赛一等奖</a></h3>
									                  		<p><a href="#" target="_blank" title="获奖活动时间：2009年5月15日">获奖活动时间：2009年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity3.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2010年丰台区戏曲比赛一等奖 ">2010年丰台区戏曲比赛一等奖</a></h3>
									                  		<p><a href="#" target="_blank" title="获奖活动时间：2010年5月15日">获奖活动时间：2010年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									            <div class="tjzz-box">
									              	<dl>
									                	<dt><a href="#" target="_blank" title=""><img src="../images/activity3.jpg" class="thumb" alt="" height="73" width="73"></a></dt>
									                	<dd>
									                  		<h3><a href="#" target="_blank" title="2011年丰台区戏曲比赛一等奖 ">2011年丰台区戏曲比赛一等奖</a></h3>
									                  		<p><a href="#" target="_blank" title="获奖活动时间：2011年5月15日">获奖活动时间：2011年5月15日</a></p>
									                	</dd>
									              	</dl>
									            </div>
									        </div>
								        </div>
									</div>
								</div>
								<!--<div id="add-list" class="add-list">
									<button style="display: none;" class="btn btn-striped"> <i class="fa fa-plus"></i> 添加活动列表</button>
									<button style="display: none;" class="btn btn-striped"> <i class="fa fa-plus"></i> 添加获奖列表</button>
								</div>-->
							</div>
						</div>
						<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		<div class="clear"></div>
		</div>
		<div class="footer"> 
			<p>© 2015-2016 DHHC 版权所有</p>
		  	<p>版权号</p>
		</div>
		<div id="btn-dialogBox"></div>
		<div id="disappare" style="display:none;">
            <h2>提示</h2>
            <p>提示内容</p>
       </div>
		<script>
			$(function() {
				  $(".pro-con .introword").eq(0).show();
				  $("#add-list button").eq(0).show();
				  $('#pro-tab li').click(function(){
				  	var ind= $('#pro-tab li').index(this);
//				  	alert(ind);
				  	$(".pro-con .introword").hide();
				  	$("#add-list button").hide();
					$(this).addClass("tabactive").siblings().removeClass("tabactive");
				    $(".pro-con .introword").eq(ind).show();
				    $("#add-list button").eq(ind).show();
				   	return false;
				  });	
				  $(".top-nav li").click(function(){
					$(this).addClass("current").siblings().removeClass("current");
				});
				$('#btn-btn').click(function(){
					$('#btn-dialogBox').dialogBox({
						hasClose: true,
						hasBtn: true,
						confirmValue: '确定',
//						confirm: function(){
//							alert('点击确定操作后将不能返回！');
//						},
						cancelValue: '取消',
						title: '提示',
						content: '你确定要提交以上内容么？'
					});
					$(".dialog-btn-confirm").click(function(){
						$("#disappare").show(300).delay(2000).hide(500);
					})
					$(this).addClass('disabled');
//					$(this).addClass('disabled').html("<i class='icon-collect'></i>已收藏");
					
				});
			});
		</script>
		<script type="text/javascript" src="../js/jquery.select.js"></script>
	</body>
</html>
